<div class="refund-menu">
    <div class="refund-money refund" data-type="refund-money-box">
        <div class="refund-money-font">
            <i class="iconfont icon-tuikuantuihuo" style="font-size: 40px;color: #E9332D;"></i>
        </div>
        <p class="name">仅退款</p>
        <p class="desc">未收到货(未签收),协商同意前提下</p>
    </div>
    <div class="refund-goods refund" style="float: right" data-type="refund-goods-box">
        <div class="refund-money-font">
            <i class="iconfont icon-tuihuo" style="font-size: 36px;color: #E9332D;"></i>
        </div>
        <p class="name">退款退货</p>
        <p class="desc">已收到货,需要退换已收到的货物</p>
    </div>
</div>
<!-- 退款步骤 -->
<div id="refund-money-box" style="display: none">
    <div class="order-progress" style="margin-top: 20px;margin-bottom: 0px">
        <ol class="progress-list clearfix">
            <li class="step step-done step-first" style="flex:0 276px">
                <div class="order_progress">
                    <span class="text">
                        1、申请仅退款
                    </span>
                </div>
            </li>
            <li class="step" style="flex:0 276px">
                <div class="order_progress">
                    <span class="text">
                        2、平台审核
                    </span>
                </div>
            </li>
            <li class="step " style="flex:0 276px">
                <div class="order_progress">
                    <span class="text">
                        3、退款完毕
                    </span>
                </div>
            </li>
        </ol>
    </div>

    <form class="layui-form" action="" style="margin-top: 10px">
        <input name="order_detail_id" value="{$postParam['order_detail_id']}" type="hidden"/>
        <input type="hidden" name="order_id" value="{$orderInfo['id']}">
        <input type="hidden" name="refund_type" value="1">
        <input type="hidden" name="order_type" value="{$orderInfo['type']}">
        <input name="order_num_data" value="{$postParam['order_num_data']}" type="hidden"/>
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 110px"><em style="color:red">*</em> 退款原因</label>
            <div class="layui-input-block" style="margin-left: 110px">
                <select name="apply_refund_reason" lay-verify="required">
                    {foreach name="$refundConf['only_refund']" item="vo"}
                    <option value="{$vo}">{$vo}</option>
                    {/foreach}
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 110px">退款说明</label>
            <div class="layui-input-block" style="margin-left: 110px">
                <textarea type="number" name="remark" autocomplete="off" placeholder="最多200字" class="layui-input" style="height: 100px"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 110px">上传凭证<br/>[最多3张]</label>
            <div class="layui-input-block" style="margin-left: 110px">
                <button type="button" class="layui-btn layui-btn-primary" id="refund-money-upload"><i class="layui-icon">&#xe67c;</i>上传</button>
                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                    预览图：
                    <div class="layui-upload-list" id="refund-money-pic">

                    </div>
                </blockquote>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button type="submit" class="layui-btn" lay-submit="" lay-filter="submit-money" style="background: #E9332D">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>
<!-- 退款退货步骤 -->
<div id="refund-goods-box" style="display: none">
    <div class="order-progress" style="margin-top: 20px;margin-bottom: 0px">
        <ol class="progress-list clearfix">
            <li class="step step-done step-first" style="flex:0 276px">
                <div class="order_progress">
                    <span class="text">
                        1、申请退货退款
                    </span>
                </div>
            </li>
            <li class="step" style="flex:0 276px">
                <div class="order_progress">
                    <span class="text">
                        2、平台审核
                    </span>
                </div>
            </li>
            <li class="step " style="flex:0 276px">
                <div class="order_progress">
                    <span class="text">
                        3、用户退货
                    </span>
                </div>
            </li>
            <li class="step " style="flex:0 276px">
                <div class="order_progress">
                    <span class="text">
                        4、平台审核
                    </span>
                </div>
            </li>
            <li class="step " style="flex:0 276px">
                <div class="order_progress">
                    <span class="text">
                        5、退款完毕
                    </span>
                </div>
            </li>
        </ol>
    </div>

    <form class="layui-form" action="" style="margin-top: 10px">
        <input name="order_detail_id" value="{$postParam['order_detail_id']}" type="hidden"/>
        <input type="hidden" name="order_id" value="{$orderInfo['id']}">
        <input type="hidden" name="refund_type" value="2">
        <input type="hidden" name="order_type" value="{$orderInfo['type']}">
        <input name="order_num_data" value="{$postParam['order_num_data']}" type="hidden"/>
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 110px"><em style="color:red">*</em> 退货说明</label>
            <div class="layui-input-block" style="margin-left: 110px">
                <select name="apply_refund_reason" lay-verify="required">
                    {foreach name="$refundConf['goods_refund']" item="vo"}
                    <option value="{$vo}">{$vo}</option>
                    {/foreach}
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 110px"><em style="color:red">*</em> 商品数量</label>
            <div class="layui-input-block" style="margin-left: 110px">
                <select name="refund_num">
                    {if !$canSelectNum}
                    <option value="{$totalNum}">{$totalNum}</option>
                    {else /}
                    <?php for ($i = 1; $i <= $totalNum; $i++) { ?>
                    <option value="{$i}" {if $i == $totalNum}selected{/if}>{$i}</option>
                    <?php } ?>
                    {/if}
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 110px">退款说明</label>
            <div class="layui-input-block" style="margin-left: 110px">
                <textarea type="number" name="remark" autocomplete="off" placeholder="最多200字" class="layui-input" style="height: 100px"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 110px">上传凭证<br/>[最多3张]</label>
            <div class="layui-input-block" style="margin-left: 110px">
                <button type="button" class="layui-btn layui-btn-primary" id="refund-goods-upload"><i class="layui-icon">&#xe67c;</i>上传</button>
                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                    预览图：
                    <div class="layui-upload-list" id="refund-goods-pic">

                    </div>
                </blockquote>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button type="submit" class="layui-btn" lay-submit="" lay-filter="submit-goods" style="background: #E9332D">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>